<template>
 <h1>属性绑定指令</h1>
  <input type="text" value="kk">
  <input type="text" value="info">
<!--  将input 元素的value属性与info变量的值进行绑定，由info变量来控制输入框要显示的默认值-->
  <input type="text" v-bind:value="info">
  <input type="text" :value="info">
  <hr>
<!-- 此处的url是一个响应式变量，使用url -->
  <a href="url">超链接</a> |
  <a :href="url">超链接2</a>
</template>

<script setup>
import {ref} from "vue";
const info=ref("属性绑定");
const url=ref("https://www.taobao.com");
url.value="https://www.jd.com";//js中使用响应式变量，必须 .value!

</script>


<style scoped>

</style>